﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>03_template</title>
<link rel="stylesheet" type="text/css" href="css/themes/default/easyui.css"/>
<link rel="stylesheet" type="text/css" href="css/themes/icon.css"/>
<link href="css/icons.css" rel="stylesheet" type="text/css" />
<link href="css/common.css" rel="stylesheet" type="text/css" />
<link href="css/headerfooter.css" rel="stylesheet" type="text/css" />
<link href="css/template.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js"></script>
<script src="js/jquery.easyui.js"></script> 
<script src="js/jquery.mask.js"></script>
<script src="js/jquery.alcatel.siderbar.js"></script>
<script src="js/jquery.alcatel.datagrid.js"></script>
</head>

<body>
<div id="container">
	<div id="header">
    	<div class="logo"><img src="images/logo.gif" width="849" height="46" alt="短信网关 上海贝尔" /></div>
        <div class="toolsbar">
       	<div class="welcome">Welcome <strong>李铁</strong>(Group User)</div>
            <div class="settings"><a href="#">Settings</a></div>
        </div>
    </div>
    <div id="content">
        <div class="siderbar">
        	<ul>
                <li class="first ">
                    <a href="02_sendmsm.html">Send SMS<div class="mark"></div></a>
                </li>
                <li class="current">
                    <a href="03_template.html">SMS Template<div class="mark"></div></a>
                </li>
                <li>
                    <a href="#">Address Book<div class="mark"></div></a>
                </li>
                <li id="history">
                    <a href="#">History<div class="mark"></div></a>
                    <ul>
                        <li>
                            <a href="#">Pending</a>
                        </li>
                        <li>
                            <a href="#">Delivered</a>
                        </li>
                        <li class="last">
                            <a href="01_history.html">Failed</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="05_manageusers.html">Manage Users<div class="mark"></div></a>
                </li>
            </ul>
        </div>
        <div class="maincontent" id="tabcontent">
        	<h2>View My SMS Template</h2>
            <div id="datagrid">
            	<table width="100%" border="0" cellspacing="0" cellpadding="0">
                	<thead>
                        <tr>
                            <td width="30">&nbsp;</td>
                            <td>Template</td>
                            <td>Memo</td>
                            <td>Memo2</td>
                            <td>Memo3</td>
                            <td>Operation</td>
                            <td class="data"></td>
                    	</tr>                    	
                    </thead>
					<tbody>
                        <tr>
                            <td align="center"><input type="checkbox" name="checkbox" id="checkbox" value="1" /></td>
                            <td>Hi,我是模板1，后面文字太多就...</td>
                        	<td>文字</td>
                            <td>文字</td>
                            <td>文字</td>
                            <td><img src="images/icons/pencil.png" alt="编辑" class="edit" /> <img src="images/icons/cross.png" alt="删除" class="delete" /></td>
                            <td class="data">全部1的文字</td>
                    	</tr>
                        <tr>
                            <td align="center"><input type="checkbox" name="checkbox" id="checkbox"  value="2"/></td>
                            <td>Hi,我是模板1，后面文字太多就...</td>
                        	<td>文字</td>
                            <td>文字</td>
                            <td>文字</td>
                            <td><img src="images/icons/pencil.png" alt="编辑" class="edit" /> <img src="images/icons/cross.png" alt="删除" class="delete" /></td>
                            <td class="data">全部2的文字</td>
                    	</tr>
                        <tr>
                            <td align="center"><input type="checkbox" name="checkbox" id="checkbox"  value="3"/></td>
                            <td>Hi,我是模板1，后面文字太多就...</td>
                        	<td>文字</td>
                            <td>文字</td>
                            <td>文字</td>
                            <td><img src="images/icons/pencil.png" alt="编辑" class="edit" /> <img src="images/icons/cross.png" alt="删除" class="delete" /></td>
                            <td class="data">全部3的文字</td>
                    	</tr>
                        <tr>
                            <td align="center"><input type="checkbox" name="checkbox" id="checkbox"  value="4"/></td>
                            <td>Hi,我是模板1，后面文字太多就...</td>
                        	<td>文字</td>
                            <td>文字</td>
                            <td>文字</td>
                            <td><img src="images/icons/pencil.png" alt="编辑" class="edit" /> <img src="images/icons/cross.png" alt="删除" class="delete" /></td>
                            <td class="data">全部4的文字</td>
                    	</tr>
                        <tr>
                            <td align="center"><input type="checkbox" name="checkbox" id="checkbox"  value="5"/></td>
                            <td>Hi,我是模板1，后面文字太多就...</td>
                        	<td>文字</td>
                            <td>文字</td>
                            <td>文字</td>
                            <td><img src="images/icons/pencil.png" alt="编辑" class="edit" /> <img src="images/icons/cross.png" alt="删除" class="delete" /></td>
                            <td class="data">全部后5面文字太多就的文字</td>
                    	</tr>                                                                                    
                    </tbody>
               </table>
 
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                   <tr>
                       <td width="46%" class="button"><input type="button" name="selectall" class="button"  value="全选" /><input type="button" name="delete" value="删除"  class="button"/><input type="button" name="add"  value="新增"  class="button"/></td>
                       <td width="54%" align="right" class="pagination">
                            <ul>
                            <li class="pagepreviou"><a title="上一页" href="#"><img border="0" alt="上一页" src="images/page_previou_icon.gif"></a></li>
                            <li class="pagelinks"><a title="1" href="#" class="current">1</a></li><li class="pagelinks"><a title="2" href="#">2</a></li>
                            <li class="pagelinks"><a title="3" href="#">3</a></li>
                            <li class="pagelinks"><a title="4" href="#">4</a></li>
                            <li class="pagelinks"><a title="5" href="#">5</a></li>
                            <li class="pagelinks"><a title="6" href="#">6</a></li>
                            <li class="pagelinks"><a title="7" href="#">7</a></li>
                            <li class="pagelinks"><a title="8" href="#">8</a></li>
                            <li class="pagenext"><a title="下一页" href="#"><img border="0" alt="下一页" src="images/page_next_icon.gif"></a></li>
                            </ul>
                            <div class="clear"></div>
                       </td>
                   </tr>
               </table>

        	</div>
        </div>
    </div>
	<div id="footer">
    	<div class="copyright">Copyright 2010 &copy; Alcatel-Lucent. All rights reserved</div>
    </div>
</div>

<div id="cetd" style="">
<div class="label">Template</div>
<textarea name="msg" id="msg"></textarea>
</div>

</body>
</html>
